<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
  
</head>


<body style="background-color: white;">
   
   		
   		<!--头部-->
   		<div style="background-color: #f6f6f6;">
			<div class="header">
			    <div class="left-header">
			        <a href="../index.html">您好，欢迎使用三号仓!</a> <a href="../auth/登录.html">登陆</a><i></i> <a href="../auth/注册.html">注册</a>
			    </div>
			
			    <div class="right-header menuDiv">
		      
		         <ul>
		            <li>
		                <a href="javascript:;">交易  <i></i></a>
		                <ul>
		                    <li><a href="../product/买单列表.html">看买单</a></li>
		                    <li><a href="../product/卖单列表.html">看卖单</a></li>
		                    <li><a href="../guadan/发布买单.html">挂买单</a></li>
		                    <li><a href="../guadan/发布卖单.html">挂卖单</a></li>
		                </ul>
		           </li>
		            <li>
		               <a href="../auth/公司信息.html">我的办公室 <i></i></a> 
		            </li> 
		            <li>
		                <a href="../myAsset/我的资产.html">账户资产 <i></i></a>  
		            </li> 
		         
		            <li>
		                <a href="./站内信.html">站内信</a>
		            </li> 
		        </ul>

        
    </div>
			</div>

		</div>
		
		
		<div class="logo-c-box">
			<div>
				<a href="../index.html">
					<img src="../common/imgs/logo.png" alt="" />
				</a>
			</div>
		</div>
	   
    
    <div style="background-color: white;margin-top:60px;">
    		<div style="width:402px;margin:0 auto;border:1px solid #E7E7E7;border-radius:3px;">
			    <div class="x-navbar">
    				登录
			    </div>
			    
		    
	    
			<form id = 'formSignIn' class='form-horizontal' role='form' style="width: 400px;margin:0 auto;padding-top:30px;">
			    	
			    	<div class="form-group username" style="word-spacing:-6px;width:400px;margin-bottom: 20px;">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label">用户名:</label>
			    		<div class="col-xs-8">
			    			<input type="text" id="username" class="form-control col-input" placeholder="请输入用户名"/>
			    		</div>
			    		
			    	</div>
			    	
			    	
			    	<div class="form-group erroTip"  style="word-spacing:-6px;width:400px;display:none;">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label"></label>
			    		<div class="col-xs-8">
			    			<p class='form-control-static'  style="color:#FF5A5F">您输入的格式不正确</p>
			    		</div>
			    		
			    	</div>
			    	
			    	
			    	<div class="form-group" style="margin-bottom: 0;">
			    		
			    		<label for="account" class=" col-xs-3 control-label col-label">密码:</label>
			    		
			    		<div class="col-xs-8">
			    			<input type="password" class="form-control col-input" placeholder="请输入密码" style="width:282px ;"/>
			    		</div>
			    		
			    	</div>
			    	
			    	
			    	 <div class="form-group" style="margin-bottom:0;">
			    	 	<label for="" class="col-xs-3 control-label col-label"></label>
					    <div class="col-xs-8 text-right ">
					    		<p class="form-control-static col-input"> <a href="./输入账号.html" style="color:#666666">忘记密码?</a></p>
					    </div>
		  			</div>
			    	
			    	
			    	 <div class="form-group">
			    	 	<label for="" class="col-xs-3 control-label col-label"></label>
					    <div class="col-xs-10">
					    	<p class="form-control-static col-input" style="font-size: 12px;">登录遇到问题请联系</span><span style="color: #C2343A;">support@3rdwarehouse.com</p>
					    </div>
		  			</div>
			    	
			    	
			    	<div class="form-group">
			    	 	<label for="account" class="col-xs-3 control-label col-label"></label> 
			    	 	<div class="col-xs-8" style='padding-left:20px'>
			    	 		<a href="../index.html" class="btn x-logo-btn x-logo-btn-default" >登录</a>
			    	 	</div>			    
		  			</div>	    	
			    </form>
	   	</div>
	 </div>
  </body></html>
  
<script type="text/javascript" src="../common/js/jquery-1.9.1.js" ></script>
<script type="text/javascript">
	
	$(function(){
		$.get('../common/html/head.html',function(data){
		$('title').after(data);
	});
	})
	
	
</script>



<script>
	
	$('#username').on('change',function(){
		
		console.log(4444);
	
var regE 	= /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ ;
	
	if(!(regE.test($('#username')[0].value))){
		$('.erroTip').css({
			'display':'block'
		});
		
		
		$('#username').addClass('erro-tip');
	
	}
	
	})
	
	
	$('#username').on('input',function(){
	
		$('.erroTip').css({
			'display':'none'
		})
		
		$('#username').removeClass('erro-tip');
	})
	
</script>